/* 标签 */
.protyle-background__tags > .item {
  font-size: 1em;
  border-bottom: 0 none transparent !important;
  border-radius: 1em;
  padding: 1px 0.5em 1px 0.5em;
  transition: all 200ms linear 0ms;
  background-color: var(--custom-span-doc-tag-background-color);
}
.protyle-background__tags > .item::before {
  /* 标签标志 */
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0.125em 0.125em -0.125em -0.125em;
  background: var(--custom-span-tag-icon);
  background-size: cover;
}
.protyle-background__tags > .item:hover {
  /* 悬浮样式 */
  padding-bottom: 2px;
  background-color: transparent !important;
}
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=tag],
.sy__outline [data-node-id] span[data-type~=tag],
.protyle-wysiwyg [data-node-id] span[data-type~=tag] {
  font-size: 1em;
  border-bottom: 0 none transparent !important;
  border-radius: 1em;
  padding: 1px 0.5em 1px 0.5em;
  transition: all 200ms linear 0ms;
  color: var(--custom-span-tag-color);
  background-color: var(--custom-span-tag-background-color);
}
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=tag]::before,
.sy__outline [data-node-id] span[data-type~=tag]::before,
.protyle-wysiwyg [data-node-id] span[data-type~=tag]::before {
  /* 标签标志 */
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0.125em 0.125em -0.125em -0.125em;
  background: var(--custom-span-tag-icon);
  background-size: cover;
}
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=tag]:hover,
.sy__outline [data-node-id] span[data-type~=tag]:hover,
.protyle-wysiwyg [data-node-id] span[data-type~=tag]:hover {
  /* 悬浮样式 */
  padding-bottom: 2px;
  background-color: transparent !important;
}
/* 标签#号 */
/* .protyle-wysiwyg [data-node-id] span[data-type='tag']:not(:empty)::before {
    content: "#";
} */
